<ul class="m-side-tree" level="0">
    <li v-for="one in tree" v-bind:class="{'collapsed':one.collapsed,'active':one.active,'isleaf':!one.children}" v-on:click.stop="nodeClick(one)">
        <a class="node-menu-name">
            <i v-if="one.iconCls==undefined||one.iconCls==''" class="fa fa-cube"></i>
            <i v-if="one.iconCls!=''" class="fa" v-bind:class="one.iconCls"></i>
            {{one.menuName}}
        </a>
        <ul level="1" v-if="one.children">
            <li v-for="two in one.children" v-bind:class="{'collapsed':two.collapsed,'active':two.active,'isleaf':!two.children}" v-on:click.stop="nodeClick(two)">
                <a class="node-menu-name">
                    <i v-if="two.iconCls==undefined||two.iconCls==''" class="fa" v-bind:class="two.iconCls"></i>
                    <i v-if="two.iconCls!=''" class="fa" v-bind:class="two.iconCls"></i>
                    {{two.menuName}}
                </a>
            </li>
        </ul>
    </li>
</ul>